<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组遍历</title>
</head>

<body>
    <script type="text/javascript">
        //数组遍历-----循环数组----遍历数组
        // 目的：对数组中的每个值做操作--比如输出
        //逐个输出数组中的所有的值
        // var arr = [100, 200, 300, 400];
        // console.log(arr[0]);
        // console.log(arr[1]);
        // console.log(arr[2]);
        // console.log(arr[3]);

        // 循环次数===数组长度
        // for(var i=0; i<arr.length; i++){}
        // for (var i = 0; i <= arr.length - 1; i++) {
        //     console.log(arr[i]);
        // }


        // 例子1 数组中的所有书 求和
        // var arr = [100, 200, 300, 400];

        // var total = 0;
        // for (var i = 0; i < arr.length; i++) {
        //     //逐个从数组中取出值，累加到total上
        //     total += arr[i]; //方便点
        //     // total=total+arr[i];
        //     console.log(total);
        // }
        // console.log(total);


        // 例子2 数组中的所有数：求 偶数的和
        // var arr = [100, 101, 300, 301];
        // var total = 0;
        // for (var i = 0; i < arr.length; i++) {
        //     if (arr[i] % 2 == 0) {
        //         total += arr[i];
        //     }
        // }
        // console.log(total);


        //例子3 将数组中的所有值，拼接成一个字符串，用 | 隔开
        var arr = [100, 200, 300, 'abc']; //'100|200|300|abc'
        var str = '';
        for (var i = 0; i < arr.length; i++) {
            // 最后一个不加|
            if (i == arr.length - 1) {
                str += arr[i];
            } else {
                str = str + arr[i] + '|';
                // str+=arr[i]+'|';
            }
        }
        console.log(str);
    </script>
</body>

</html>